<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚设计-设计师列表</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jsj_list">
        <header-top></header-top>
        <header-search-global type="设计"></header-search-global>
        <common-top-nav cur="聚设计"></common-top-nav>
        <div class="bg-gray">
            <div class="container">
                <common-crumb :crumblist="crumblist"></common-crumb>
                <!-- 列表数据 -->
                <div class="jsheji-list mt-20">
                    <div v-for="item in list" class="jsheji-item">
                        <img :src="item.bgPicture" style="width: 285px; height: 350px;">
                        <div class="jsheji-bottom">
                            <img :src="item.logo" class="toux" style="width: 100px; height: 100px;">
                            <p class="name">{{item.name}}</p>
                            <p class="desc">{{item.type==1?"设计师":"工作室"}}</p>
                        </div>
                        <div class="show-wrap">
                            <a href="javascript:void (0)" @click="targetDesigner(item.id)">查看作品</a>
                            <a href="javascript:void (0)" @click="targetPublish(item.id)">找TA设计</a>
                        </div>
                    </div>
                </div>
                <common-page :current="1" :all=total @btn-click="getPage"></common-page>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jsj_list();
    </script>
</body>

</html>